<!DOCTYPE html>
<html lang="zh-cn">

<head><title>
    Blog | 
    
    ZZY2357 的博客</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description" content="ZZY2357 的博客
    ">


<meta property="og:title" content="blog" />
<meta property="og:description" content="ZZY2357 的博客" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://zzy2357.gitee.io/tags/blog/" />
<meta property="og:updated_time" content="2020-06-13T12:34:54+08:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="blog"/>
<meta name="twitter:description" content="ZZY2357 的博客"/>

<meta itemprop="name" content="blog">
<meta itemprop="description" content="ZZY2357 的博客">
<link rel="canonical" href="https://zzy2357.gitee.io/tags/blog/" />

<link rel="icon" type="image/png" href="https://zzy2357.gitee.io/image/favicon.ico">

<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bulma.min.css">





<script src=/js/ramium.js></script>
<link rel="stylesheet" href=/css/ramium.css>





</head>

<body><nav class="navbar is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href=/>
      
      <strong>ZZY2357 的博客 </strong>
      
    </a>

    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
      data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      
      
      <a class="navbar-item" href="/">主页</a>
      
      
      
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">博客</a>
        <div class="navbar-dropdown">
          
          <a class="navbar-item" href="/tags/">所有标签</a>
          
          <a class="navbar-item" href="/posts/">所有文章</a>
          
        </div>
      </div>
      
      
      
      <a class="navbar-item" href="/about/">关于</a>
      
      
      
      <a class="navbar-item" href="/index.xml">RSS</a>
      
      
    </div>

    <div class="navbar-end">
      
      <a class="navbar-item navgithub" href="https://github.com/zzy2357" target="_blank">
        <i class="fa fa-github fa-2x"></i>
      </a>
      

      
    </div>
  </div>
</nav><div class="columns is-centered">
        <div id="page-body" class="column is-7">

<div class="content">
    <h1>Blog</h1>
</div>

<div class="blog-brief">
    <a href="/posts/make-a-blog-with-hugo/">
        <h3 class="title is-4">
            使用 Hugo 制作博客
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/make-a-blog-with-hugo/">
                    <p class="subtitle info date">Jun 13, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/make-a-blog-with-hugo/">
                    <p class="subtitle info">
                        2 mins read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/hugo">Hugo</a>
            
            <a class="tag is-rounded" href="/tags/markdown">Markdown</a>
            
            <a class="tag is-rounded" href="/tags/blog">Blog</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/make-a-blog-with-hugo/">
                <p class="summary">
                    Hugo 是一个由 Golang 编写的超快的静态博客生成器。下面来看看如何使用 Hugo 制作一个属于自己的博客吧！
安装 使用 snap snap install hugo --channel=extended # 包括安装 Sass 等的拓展 新建博客 hugo new site my-blog # “my-blog”可以换成任意名字 cd my-blog 编写内容 hugo new posts/hello.md # 新建一篇博客文章 # vim ./content/posts/hello.md echo &#39;# Hello!&#39; &gt; ./content/posts/hello.md # 写入内容 添加主题  安装  这个时候博客还是不能预览，需要添加主题。这里我们以 Ananke 主题为例
git init # 初始化 git 仓库，为了将主题以 git 子模块的方式添加 git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke # 将主题以 git 子模块的方式添加到 themes 文件夹里；如果 git clone 慢，可以试试 Gitee 导入 Github仓库的方式  切换主题  编辑 config.
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/make-a-blog-with-hugo/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div>





















        </div>
    </div>

<footer class="footer has-background-dark">
    <div class="content has-text-centered has-text-white">
        <p>
            © 2020 Ramium. Powered by
            <a class="has-text-light" href="https://github.com/gohugoio/hugo" target="_blank">
            Hugo</a>. Theme
            <a class="has-text-light" href="https://github.com/rafed123/ramium/" target="_blank">
                Ramium.
            </a>
        </p>
    </div>
</footer>
</body>

</html>